<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // for 循环执行过程
        for (var i = 1; i <= 100; i++) {
            console.log('hello world');
        }
        /*1.首先执行里面的计数器变量 var i = 1。但是这句话在for里面只执行一次
        2.再 去到 i <= 100 来判断是否满足条件，如果满足条件就去执行一次循环体的内容，不满足条件就会退出循环
        3.最后在执行 i++ i++是单独写的代码 递增 在第一轮结束 后置++ 是先赋值i=1，最后+1
        在循环体结束后执行 此时第一轮结束后 i = 2*/
    </script>
</body>

</html>